﻿
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="navbar navbar-inverse">
                    <div class="navbar-inner">
                        <div class="container-fluid">
                            <a class="btn btn-navbar" data-target=".navbar-responsive-collapse" data-toggle="collapse"></a> <a class="brand" href="#">排序方式</a>
                            <div class="nav-collapse collapse navbar-responsive-collapse">
                                <ul class="nav">
                                    <li class="active">
                                        <a href="#">按更新日期</a>
                                    </li>
                                    <li>
                                        <a href="#">按评分</a>
                                    </li>
                                    <li>
                                        <a href="#">按热度</a>
                                    </li>
                                    <li class="dropdown">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">下拉菜单</a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">下拉导航1</a>
                                            </li>
                                            <li>
                                                <a href="#">下拉导航2</a>
                                            </li>
                                            <li>
                                                <a href="#">其他</a>
                                            </li>
                                            <li class="divider">
                                            </li>
                                            <li class="nav-header">
                                                标签
                                            </li>
                                            <li>
                                                <a href="#">链接1</a>
                                            </li>
                                            <li>
                                                <a href="#">链接2</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="nav pull-right">
                                    <li>
                                        <a href="#">回到主页</a>
                                    </li>
                                    <li class="divider-vertical">
                                    </li>
                                    <li class="dropdown">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">下拉菜单</a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a href="#">下拉导航1</a>
                                            </li>
                                            <li>
                                                <a href="#">下拉导航2</a>
                                            </li>
                                            <li>
                                                <a href="#">其他</a>
                                            </li>
                                            <li class="divider">
                                            </li>
                                            <li>
                                                <a href="#">链接3</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="span8">
                <div class="media well">
                    <a href="#" class="pull-left"><img src="@Url.Content("~/Images/product_1.jpg")" class="media-object" alt='' /></a>
                    <div class="media-body">
                        <h4 class="media-heading">
                            嵌入媒体标题
                        </h4> 请尽量使用HTML5兼容的视频格式和视频代码实现视频播放, 以达到更好的体验效果.
                    </div>
                </div>
                <div class="media well">
                    <a href="#" class="pull-left"><img src="@Url.Content("~/Images/product_1.jpg")" class="media-object" alt='' /></a>
                    <div class="media-body">
                        <h4 class="media-heading">
                            嵌入媒体标题
                        </h4> 请尽量使用HTML5兼容的视频格式和视频代码实现视频播放, 以达到更好的体验效果.
                    </div>
                </div>
                <div class="pagination pagination-centered">
                    <ul>
                        <li>
                            <a href="#">上一页</a>
                        </li>
                        <li>
                            <a href="#">1</a>
                        </li>
                        <li>
                            <a href="#">2</a>
                        </li>
                        <li>
                            <a href="#">3</a>
                        </li>
                        <li>
                            <a href="#">4</a>
                        </li>
                        <li>
                            <a href="#">5</a>
                        </li>
                        <li>
                            <a href="#">下一页</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="span4">
                <form class="form-search">
                    <input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
                </form>
            </div>
        </div>
    </div>
</body>
</html>
